<template>
  <page-wrap stay-still :bgColor="topBg" :dark="false" back hideTab title="就业指导">
    <view class="content-desc">
      <img :src="contentImg" class="content-img">
      <view class="content-action" @click="handleJump">
        <view class="btn">“职途”礼包抢先用</view>
      </view>
    </view>
  </page-wrap>
</template>
<script>
import ShareMixin from "@/mixins/share";
export default {
  mixins: [ShareMixin],
  data() {
    return {
      topBg: `url(${this.$imgBaseSelf}home/top_bg.png)`,
      contentImg: this.$imgBaseSelf+'zph/sxh/guidance.png',
      sharePath: "/pagesSub/activity/sxh/index",
      shareTitle: "第28届全国高校毕业生秋季就业双选会 - 一览职业",
    };
  },
  methods: {
    handleJump() {
      uni.navigateTo({
         url: '/pagesSub/public/careerPathVC/index?extra=8Bi1PmxXXI='
      });
      
    },
  },
};
</script>
<style lang="scss" scoped>
.content-desc {
  .content-img {
    width: 100%;
    height: 2205rpx;
  }

  .content-action {
    position: fixed;
  }
    .content-action {
    margin: 0 32rpx;
    position: fixed;
    left: 32rpx;
    right: 32rpx;
    font-size: 32rpx;
    bottom: 0;
    color: #ffffff;
    padding-bottom: calc(44rpx + constant(safe-area-inset-bottom));
    padding-bottom: calc(44rpx + env(safe-area-inset-bottom));
    border-radius: 14px;

    .btn {
      width: 100%;
      background: #1B74F4;
    }
  }
}
</style>